
import { Avatar } from 'antd'
import styles from './HomeTopInfo.less'
import type { IHomeTopInfo } from '../../../data';
const HomeTopInfo = (props: IHomeTopInfo) => {
  return (
    <div className={styles.infoBox}>
      {props.data.map(item => {
        return (<div key={item.title} className={styles.pageHeaderContent}>
          <div className={styles.avatar}>
            <Avatar shape="square" size="large" src={item.icon} />
          </div>
          <div className={styles.content}>
            <div>
              <span className={styles.contentTitle}>{item.title}</span>
              <span>{item.subtitle}</span>
            </div>
            <div>
              {item.desc}
            </div>
          </div>
        </div>)
      })}
    </div>
      
    
  );
};
export default HomeTopInfo